<template>
	<div>
		<div class="index-banner">
			<!-- 轮播图 -->
			<swiperVue></swiperVue>
			<!-- 报名 -->
			<fromVue></fromVue>
		</div>
		<!--  -->
		<RecommendNav></RecommendNav>
		<RecommendContent></RecommendContent>
		<!-- 底部 -->
		<footerVue></footerVue>
	</div>
</template>

<script setup>
	import swiperVue from './swiper.vue';
	import fromVue from './from.vue';
	import RecommendContent from './RecommendContent.vue';
	import RecommendNav from './RecommendNav.vue';
	import footerVue from '../../components/footer.vue';
</script>

<style scoped lang="less">
	.index-banner {
		width: 100%;
		height: 650px;
		background-color: #f2f2f2;
		position: relative;
	}
</style>